<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>达利琪物流云平台</title>
    <link rel="stylesheet" href="assets/css/neat.min.css"/>
    <style>
        table{
            border-collapse: collapse;
            margin:0 auto;
        }
        table th{
            border-bottom-width: 1px;
        }
        .tuoyunTable{
            border:2px solid #333;
        }
        .tuoyunTable caption{
            font-size: 26px;
            color:#333;
        }
        .tuoyunTable th,.tuoyunTable td{
            border:1px solid #aaa;
            height:20px;
        }
        .tuoyunTable th{
            text-align: center;
            font-weight: bold;
        }
        .goodsMsg input[type='text'],
        .textCenter{
            text-align: center;
        }
        label{
            margin-right: 10px;
        }
        .tuoyunTable input[type='text'],.tuoyunTable textarea {
            border:none;
        }
        .tuoyunTable input[type='text'] {
            width:100%;
            height:100%;
        }
        .tuoyunTable textarea{
            display: inline-block;
            text-align: left;
            resize: vertical;
            margin-left: 0;
        }
        .tuoyunTable input[type='checkbox']{
            vertical-align: -2px;
            margin-right: 5px;;
        }
    </style>
</head>
<body>
<div class="container">
    <table class="tuoyunTable">
        <caption>托运单</caption>
        <tfoot>
        <tr>
            <td colspan="9">注填写本运单前，请务必阅读背书条款，您的签名意味着您理解并接受所有条款</td>
        </tr>
        </tfoot>

        <tbody>
            <tr>
                <th>客户单号</th>
                <td colspan="2">
                    <input type="text"/>
                </td>
                <th>交付方式</th>
                <td colspan="5">
                    <label><input type="checkbox"/>自提</label>
                    <label><input type="checkbox"/>门到门</label>
                    <label><input type="checkbox"/>门到港</label>
                    <label><input type="checkbox"/>港到门</label>
                    <label><input type="checkbox"/>港到港</label>
                </td>
            </tr>
            <tr>
                <th>托运人</th>
                <td>
                    <input type="text"/>
                </td>
                <th>手机</th>
                <td colspan="2">
                    <input type="text"/>
                </td>
                <th>收货人</th>
                <td>
                    <input type="text"/>
                </td>
                <th>手机</th>
                <td>
                    <input type="text"/>
                </td>
            </tr>
            <tr>
                <th>发货单位</th>
                <td colspan="4">
                    <input type="text"/>
                </td>
                <th>电话</th>
                <td>
                    <input type="text"/>
                </td>
                <th>电话2</th>
                <td>
                    <input type="text"/>
                </td>
            </tr>
            <tr>
                <th>提货地址</th>
                <td colspan="4">
                    <input type="text"/>
                </td>
                <th>收货单位</th>
                <td colspan="3">
                    <input type="text"/>
                </td>
            </tr>
            <tr>
                <th>起运时间</th>
                <td colspan="4">
                    <input type="text"/>
                </td>
                <th rowspan="2">收货地址</th>
                <td rowspan="2" colspan="3">
                    <input type="text" value="陕西省西安市雁塔区芙蓉东路"/>
                </td>
            </tr>
            <tr>
                <th>交货时间</th>
                <td colspan="4">
                    <input type="text"/>
                </td>
            </tr>
        </tbody>

        <tbody class="goodsMsg">
            <tr>
                <th colspan="2">货物名称</th>
                <th>包装</th>
                <th>件数</th>
                <th>重量（kg）</th>
                <th>体积（m <sup>3</sup>）</th>
                <th>系统单号</th>
                <td colspan="2">
                    <input type="text"/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="text" value="书包"/>
                </td>
                <td>
                    <input type="text" value="木箱"/>
                </td>
                <td>
                    <input type="text" value="117"/>
                </td>
                <td>
                    <input type="text" value="49.00"/>
                </td>
                <td>
                    <input type="text" value="0.40"/>
                </td>
                <th colspan="3">备注</th>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="text" value="铅笔"/>
                </td>
                <td>
                    <input type="text" value="纸箱"/>
                </td>
                <td>
                    <input type="text" value="45"/>
                </td>
                <td>
                    <input type="text" value=""/>
                </td>
                <td>
                    <input type="text" value=""/>
                </td>
                <td colspan="3" rowspan="4">
                    <textarea name="" id="" cols="30" rows="5" placeholder="lll">

                    </textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="text" value="粉笔"/>
                </td>
                <td>
                    <input type="text" value="纸箱"/>
                </td>
                <td>
                    <input type="text" value="45"/>
                </td>
                <td>
                    <input type="text" value=""/>
                </td>
                <td>
                    <input type="text" value=""/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="text"/>
                </td>
                <td>
                    <input type="text"/>
                </td>
                <td>
                    <input type="text"/>
                </td>
                <td>
                    <input type="text"/>
                </td>
                <td>
                    <input type="text"/>
                </td>
            </tr>
            <tr>
                <th colspan="3">合计</th>
                <td class="textCenter">163</td>
                <td class="textCenter">49</td>
                <td class="textCenter">0.40</td>
            </tr>
        </tbody>

        <tbody>
            <tr>
                <th>干线运费</th>
                <th>提货费</th>
                <th>送货费</th>
                <th>装卸费</th>
                <th>其他费用</th>
                <th>运输方式</th>
                <td colspan="3">
                    <label><input type="checkbox"/>公路</label>
                    <label><input type="checkbox"/>铁路</label>
                    <label><input type="checkbox"/>航空</label>
                    <label><input type="checkbox"/>其他</label>
                </td>
            </tr>
            <tr class="goodsMsg">
                <td>
                    <input type="text" value="60"/>
                </td>
                <td>
                    <input type="text" value="0"/>
                </td>
                <td>
                    <input type="text" value="60"/>
                </td>
                <td>
                    <input type="text" value="20"/>
                </td>
                <td>
                    <input type="text" value="10"/>
                </td>
                <th>托运人签字</th>
                <th>承运人签字</th>
                <th>中转站签字</th>
                <th>收货人签字</th>
            </tr>
            <tr>
                <th>结算方式</th>
                <td colspan="4">
                    <label><input type="checkbox"/>现付</label>
                    <label><input type="checkbox"/>到付</label>
                    <label><input type="checkbox"/>月结</label>
                    <label><input type="checkbox"/>回单付</label>
                    <label><input type="checkbox"/>预付</label><span></span>
                </td>
                <td class="textCenter" rowspan="4">（或盖章）</td>
                <td class="textCenter" rowspan="4">（或盖章）</td>
                <td class="textCenter" rowspan="4">（或盖章）</td>
                <td class="textCenter" rowspan="4">（或盖章）</td>
            </tr>
            <tr>
                <th>投保声明</th>
                <td colspan="4">
                    <label><input type="checkbox"/>不投保</label>
                    <label><input type="checkbox"/>投保</label>
                </td>
            </tr>
            <tr>
                <th>投保金额</th>
                <td colspan="2">
                    <input type="text"/>
                </td>
                <td>保险费</td>
                <td>
                    <input type="text" value="10.35"/>
                </td>
            </tr>
            <tr>
                <th>代收货款</th>
                <td colspan="2">
                    <input type="text" value="3466"/>
                </td>
                <td>代收费用</td>
                <td>
                    <input type="text" value="34.66"/>
                </td>
            </tr>
            <tr>
                <th>运费合计</th>
                <td colspan="3">RMB 壹佰玖拾伍.零壹</td>
                <td>195.01</td>
                <td>月日时</td>
                <td>月日时</td>
                <td>月日时</td>
                <td>月日时</td>
            </tr>
        </tbody>
    </table>

</div>
</body>
</html>